<!DOCTYPE html>
<html>
    <head>
        <title>Shitty Table</title>
        <meta charset="utf-8" />
    </head>
    <body>
        <table id="ProductsTable" border="1" cellspacing="0" cellpadding="0">
            <thead>
                <tr>
                    <td colspan="6">DropHereButton</td>
                </tr>
                <tr>
                    <th><input type="button" value="ProductID" /></th>
                    <th><input type="button" value="ProductName" /></th>
                    <th><input type="button" value="UnitPrice" /></th>
                    <th><input type="button" value="QuantityPerUnit" /></th>
                    <th><input type="button" value="UnitsInStock" /></th>
                    <th><input type="button" value="Discontinued" /></th>
                </tr>
                <tr>
                    <td><input type="text" id="TypeProductID" /></td>
                    <td><input type="text" id="TypeProductName" /></td>
                    <td><input type="text" id="TypeUnitPrice" /> <input type="button" id="UnitPriceFilter" /></td>
                    <td><input type="text" id="TypeQuantityPerUnit" /></td>
                    <td><input type="text" id="TypeUnitsInStock" /><input type="button" id="UnitsInStockFilter" /></td>
                    <td><input type="checkbox" id="SelectAllDiscontinued" /><input type="button" id="DiscontinuedFilter" /></td>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>Chai</td>
                    <td>$11.00</td>
                    <td>10 boxes x 20 bags</td>
                    <td>39</td>
                    <td><input type="checkbox" id="1Check" name="Discontinued" /></td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>Chai 2</td>
                    <td>$11.00 2</td>
                    <td>10 boxes x 20 bags 2</td>
                    <td>39 2</td>
                    <td><input type="checkbox" id="Checkbox1" name="Discontinued" /></td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>Chai 3</td>
                    <td>$11.00 3</td>
                    <td>10 boxes x 20 bags 3</td>
                    <td>39 3</td>
                    <td><input type="checkbox" id="Checkbox3" name="Discontinued" /></td>
                </tr>
                <tr>
                    <td>4</td>
                    <td>Chai 4</td>
                    <td>$11.00 4</td>
                    <td>10 boxes x 20 bags 4</td>
                    <td>39 4</td>
                    <td><input type="checkbox" id="Checkbox4" name="Discontinued" /></td>
                </tr>
                <tr>
                    <td>5</td>
                    <td>Chai 5</td>
                    <td>$11.00 5</td>
                    <td>10 boxes x 20 bags 5</td>
                    <td>39 5</td>
                    <td><input type="checkbox" id="Checkbox5" name="Discontinued" /></td>
                </tr>
                <tr>
                    <td>6</td>
                    <td>Chai 6</td>
                    <td>$11.00 6</td>
                    <td>10 boxes x 20 bags 6</td>
                    <td>39 6</td>
                    <td><input type="checkbox" id="Checkbox6" name="Discontinued" /></td>
                </tr>
                <tr>
                    <td>7</td>
                    <td>Chai 7</td>
                    <td>$11.00 7</td>
                    <td>10 boxes x 20 bags 7</td>
                    <td>39 7</td>
                    <td><input type="checkbox" id="Checkbox7" name="Discontinued" /></td>
                </tr>
                <tr>
                    <td>8</td>
                    <td>Chai 8</td>
                    <td>$11.00 8</td>
                    <td>10 boxes x 20 bags 8</td>
                    <td>39 8</td>
                    <td><input type="checkbox" id="Checkbox8" name="Discontinued" /></td>
                </tr>
                <tr>
                    <td>9</td>
                    <td>Chai 9</td>
                    <td>$11.00 9</td>
                    <td>10 boxes x 20 bags 9</td>
                    <td>39 9</td>
                    <td><input type="checkbox" id="Checkbox9" name="Discontinued" /></td>
                </tr>
                <tr>
                    <td>10</td>
                    <td>Chai 10</td>
                    <td>$11.00 10</td>
                    <td>10 boxes x 20 bags 10</td>
                    <td>39 10</td>
                    <td><input type="checkbox" id="Checkbox10" name="Discontinued" /></td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td colspan="6">
                        <input type="button" id="FirstPage" value="img url" />
                        <input type="button" id="PreviousPage" value="img url" />
                        1 2 3 4 5 6 7 8 9 10 ... 
                        <input type="button" id="NextPage" value="img url" />
                        <input type="button" id="LastPage" value="img url" />
                        Go to page:
                        <select>
                            <option>1</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                            <option>5</option>
                            <option>6</option>
                            <option>7</option>
                            <option>8</option>
                            <option>9</option>
                            <option>10</option>
                        </select>
                        1234 items in 123 pages
                    </td>
                </tr>
            </tfoot>
        </table>
    </body>
</html>